<template>
  <div>
    <el-button @click="testAuth1">测试</el-button>
  <el-button type="text" @click="outerVisible = true">点击打开外层 Dialog</el-button>

  <el-dialog title="人机身份验证" :visible.sync="outerVisible" center>
    <center><Recaptcha></Recaptcha></center>
    <div style="color: #ff4d51;font-size: 15px;font-family: 'Franklin Gothic Book',serif" slot="footer" class="dialog-footer">
      为了防止恶意登录,保护若兮系统安全,拦截恶意攻击或其它恶意行为,<br>以及反爬虫、脚本,若兮安全团队规定,登录任何若兮相关系统,首先必须进行人机身份验证,<br/>验证成功之后才能进行登录!
      </div>
  </el-dialog>
  </div>
</template>

<script>
	import Recaptcha from "../../components/Recaptcha/index";
	export default {
		components: {Recaptcha},
		data() {
			return {
				outerVisible: false
			};
		},
    methods: {
			testAuth1 () {
				var vm = this
				vm.axios({
					method: 'GET',
					url: 'http://localhost:8084/testConfig',
				}).then(async function(resp) {
					alert(resp.data)
				})
      }
    }
	}
</script>
